<div class="content">

    <!-- 左边菜单栏 -->
    <div class="left">
        <div v-for="(i,index) in list" @click="changeActive(index)" :class="defaultActive === index?'active':''">
            {{i.type}}
        </div>
    </div>
    <!-- 右边数据 -->
    <div class="right" id="right">
        <div v-for="(i,index) in list" class="unit" :id="'unit'+index">
            <div v-for="j in i.data">
                <p>{{j.title}}</p>
                <span>{{j.price}}</span>
                <button>+</button>
            </div> 
        </div>
    </div>
   
</div>